<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" name="" id="">
    <script>
        // 位置对象
        window.location
        console.log(location);

        /*

        search *******************  搜索部分
: 
""
"127.0.0.1"
        href ******************** 整个地址地址-字符串
: 
"http://127.0.0.1:5500/code/13-code/03-locaiton%E4%BD%8D%E7%BD%AE%E5%AF%B9%E8%B1%A1.html"

        hash******* 哈希值
        : 
        ""
host
: 
"127.0.0.1:5500"
hostname
: "127.0.0.1 -》本地电脑 （域名）

origin
: 
"http://127.0.0.1:5500"
pathname--**** 路径名---
: 
"/code/13-code/03-locaiton%E4%BD%8D%E7%BD%AE%E5%AF%B9%E8%B1%A1.html"
port
: 
"5500"  端口号--不同的端口 对外提供不同的服务
protocol  协议--浏览器网站用的http协议  http 超文本传输协议  
: 
"http:"  和https  区别  多一个s --secure 安全（加密）
reload **************  刷新页面
: 
ƒ reload()--刷新
replace
: 
ƒ replace(地址)--替换 可以改变当前的地址

 assign
: 
ƒ assign(地址)---- 可以改变当前的地址--类型 href
       
        
        
        
        */

        // 获取 当前网页的地址-- 设置网页地址（跳转）
        console.log(location.href);
        // 获取 网页地址的搜索部分  ?a=zhangsan&b=lisi
        // 怎么只获取 zhangsan，也就是a后面的值
        console.log(location.search);
        // 获取 网页地址中 hash 部分  #aa
        console.log(location.hash);//


        // ?a=zhangsan&b=2323
        // 1-  a=zhangsan&b=2323 纯键值对 

        // 从1位置截取到最后
        var tempStr = location.search.slice(1);
        console.log(tempStr);

        // 2- -使用& 分割字符串 
        var arr = tempStr.split('&');
        console.log(arr);//['a=zhangsan', 'b=2323']

        var value;
        // 3-循环遍历 元素--字符串  
        arr.forEach(function (keyValue) {
            // console.log(keyValue);// xxx==xxx 
            // 获取等前面 和 后面的值 
            var keyValueArr = keyValue.split('=');
            // console.log(keyValueArr);
            //判断，等号前面的值 是 a ，那么等号后的就是我们需要的结果
            if (keyValueArr[0] === 'a') {
                // console.log(keyValueArr[1]);
                //把结果保存到全局变量
                value = keyValueArr[1]
            }
        })


        console.log(value);
        //获取输入框，修改value属性
        var ipt = document.querySelector("input");
        ipt.value = value;


        // aa=11&bb==22

        function getValue(key) { }

        var r = getValue('aa')//11
        var r1 = getValue('bb')//2


        // location.reload()







    </script>
    <button>百度</button>
    <script>
        var btn = document.querySelector("button");
        btn.onclick = function () {
            // 设置网页地址（跳转）--）--可以后退
            // location.href = 'https://www.baidu.com'
            // 设置网页地址（跳转）--可以后退

            // location.assign('https://www.baidu.com')
            // 设置网页地址（跳转）--不能后退

            location.replace('https://www.baidu.com')

            // location.reload()

        }
    </script>
    <script>
        /*
            location 对象

                属性
                    search 
                    href
                    hash
                    pathname


                方法
                    reload()


                  --  assgin和replace的区别  --都能跳转-replace 不能后退-没有产生历史记录  
        
        */
    </script>

</body>

</html>